<template>
	<div class="set-wrapper">
		<div class="shopcart_header">
			<img src="../assets/images1/rightbut.png" alt="" @click="back()"/>
			<p>设置</p>
		</div>
		<div class="blockb1">
			<div @click="ret()">
				<mt-cell title="个人资料" >
				<img src="../assets/images1/return.png" alt="" />
			</mt-cell>
			</div>
			
			<mt-cell title="收货地址">
				新建/修改
				<img src="../assets/images1/return.png" alt="" />
			</mt-cell>
		</div>
		<div class="blockb2">
			<mt-cell title="清除缓存" >
				<p>24</p>
				<img src="../assets/images1/return.png" alt="" />
			</mt-cell>
			<mt-cell title="关于我们" >
				<img src="../assets/images1/return.png" alt="" />
			</mt-cell>
			<mt-cell title="当前版本">
				<img src="../assets/images1/return.png" alt="" />
			</mt-cell>
		</div>
		<div class="blockb3">
			<button type="danger">退出</button>
		</div>
		
	</div>
</template>

<script>
	export default {
		
		created() {
			
		},
		methods: {
			ret(){
				this.$router.push({
					path: "/personal",
				})
			},
			back(){
				this.$router.push({
					path: "/user",
				})
			}
			
		}
	}
</script>

<style scoped>
	
	.set-wrapper{
		background: #f2f2f2;
	}
	.shopcart_header {
		width: 100%;
		height: 1.2rem;
		border-bottom: 1px solid gainsboro;
		display: flex;
		align-items: center;
		background: white;
		justify-content: flex-start;
	}
	
	.shopcart_header img{
		width:5%;
		margin-left: 2%;
	}
	
	.shopcart_header p {
		margin-left: 40%;
		font-size: 0.4rem;
		font-weight: bold;
	}
	
	.blockb2{
		margin-top: 0.2rem;
	}
	
	.blockb1{
		margin-top: 0.2rem;
	}
	
	.blockb3{
		width:100%;
		background: white;
		margin-top: 0.2rem;
	}
	
	button {
		display: inline-block;
		transform: translateX(4%);
		height: 1.1rem;
		width: 7rem;
		margin-top: 0.625rem;
		border: none;
		color:#ffffff;
		letter-spacing: 0.1rem;
		border-radius: 10rem;
		background: #fe213f;
		font-size: 16px;
	}
</style>